<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/base.css" type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body class="bgc-fff">
<div class="c-main pb20">
	<div class="index-notice">
    	<div class="index-notice-tit"><i class="icon icon-notice"></i>公告：</div>
        <div class="index-notice-con">
            <div behavior="scroll" direction="left" scrollamount="1">
                个1发货说过话好打火锅当导航2都好个个发货说过话好打3火锅当导航都好个个发4货说过话好打火锅当5导航都好个个发货6说过话好打火锅当导航都发货说过话好打火锅当导航2都好个个发货说过话
            </div>
        </div>
    </div>
    <div class="index-tag">
    	<p><span class="mr10">201902011000 期</span><i class="tag-num">01</i><i class="tag-num">05</i><i class="tag-num">02</i><span class="tag-total">=<b>08</b></span></p>
        <p class="mt5"><span class="mr10">201902011001 期</span><span class="c-999">距开奖：00:00:44</span></p>
    </div>
    <div class="index-bet">
    	<ul class="clearfix">
        	<li>
            	<input type="number" class="bet-text" placeholder="大" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="小" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="单" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="双" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="大双" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="小双" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="大单" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="小单" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="顺子" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="对子" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="豹子" />
                <p>4.0</p>
            </li>
            <li class="w80">
            	<input type="number" class="bet-text" placeholder="龙虎斗_龙" />
                <p>4.0</p>
            </li>
        	<li class="w80">
            	<input type="number" class="bet-text" placeholder="龙虎斗_虎" />
                <p>4.0</p>
            </li>
        	<li class="w80">
            	<input type="number" class="bet-text" placeholder="龙虎斗_和" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="极小" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="极大" />
                <p>4.0</p>
            </li>
        </ul>
        <ul class="bet-lit clearfix">
        	<li>
            	<input type="number" class="bet-text" placeholder="0" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="1" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="2" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="3" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="4" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="5" />
                <p>4.0</p>
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="6" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="7" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="8" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="9" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="10" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="11" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="13" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="14" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="15" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="15" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="16" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="17" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="18" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="19" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="20" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="21" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="22" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="23" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="24" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="25" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="26" />
            </li>
        	<li>
            	<input type="number" class="bet-text" placeholder="27" />
                <p>4</p>
            </li>
        </ul>
    </div>
    <div class="plr50 mt5">
    	<a href="javascript:;" class="c-btn c-btn-red">下注</a>
    </div>
    <div class="bet-fixed">
    	<div>
        	<div class="bet-nav nav"></div>
            <div class="nav-child">
            	<div class="ptb10">
                    <p>chenxizu</p>
                    <p class="mt5">金额：<span class="c-f00">900</span>分</p>
                </div>
            	<a href="javascript:;">下注记录</a>
            	<a href="javascript:;">上分记录</a>
            	<a href="javascript:;">下分记录</a>
            	<a href="javascript:;">下注记录</a>
            	<a href="javascript:;" class="score-up">上分</a>
            	<a href="javascript:;" class="score-down">下分</a>
            	<a href="javascript:;">规则说明</a>
            	<a href="javascript:;" class="score-tel">联系客服</a>
            </div>
        </div>
        <div>
        	<div class="bet-nav refere">参考<br />下注</div>
            <div class="nav-child refere-box">
            	<h4>201902011005 期 玩家购买情况</h4>
                <ul class="refere-ul">
                	<li>
                    	<div class="ru-left">玩家一</div>
						<div class="ru-mid">单 20 大双 30</div>
						<div class="ru-right">2019-02-01 00:00:44</div>
                    </li>
                	<li>
                    	<div class="ru-left">玩家一</div>
						<div class="ru-mid">单 20 大双 30</div>
						<div class="ru-right">2019-02-01 00:00:44</div>
                    </li>
                	<li>
                    	<div class="ru-left">玩家一</div>
						<div class="ru-mid">单 20 大双 30</div>
						<div class="ru-right">2019-02-01 00:00:44</div>
                    </li>
                </ul>
            </div>
    	</div>
    	<div>
        	<div class="bet-nav more">更多<br />玩法</div>
            <div class="nav-child">
            	<a href="javascript:;">北京PC2.0</a>
            	<a href="javascript:;">北京PC2.8</a>
            	<a href="javascript:;">加拿大PC2.0</a>
            	<a href="javascript:;">加拿大PC2.0</a>
            </div>
    	</div>
    </div>
    <div class="nav-mask"></div>
    
    <div class="score-hold c-hide">
    	<div class="score-pop s-down">
    		<div class="sp-tit">下分</div>
            <div class="sp-con">
                <div class="sp-int">
                	下分：<input type="number" class="sp-num" />
                </div>
                <div class="sp-tip">
                    <p><span class="c-f00 mr5">*</span>上下分需要全下</p>
                    <p><span class="c-fff mr5">*</span>下分基于上分之后玩5次才能下分</p>
                </div>
            </div>
            <div class="sp-btn">
            	<a href="javascript:;" class="sp-sure">确定</a>
            	<a href="javascript:;" class="sp-cancel">取消</a>
            </div>
        </div>
        <div class="score-pop s-up">
    		<div class="sp-tit">上分</div>
            <div class="sp-con">
                <div class="sp-int">
                	上分：<input type="number" class="sp-num" />
                </div>
                <div class="sp-pay">
                    <div class="sp-radio checked">
                    	<i class="ico-radio"></i>
                        <input type="radio" checked />
                        微信
                    </div>
                    <div class="sp-radio">
                    	<i class="ico-radio"></i>
                        <input type="radio" />
                        支付宝
                    </div>
                    <div class="sp-radio">
                    	<i class="ico-radio"></i>
                        <input type="radio" />
                        QQ
                    </div>
                </div>
            </div>
            <div class="sp-btn">
            	<a href="javascript:;" class="sp-sure">确定</a>
            	<a href="javascript:;" class="sp-cancel">取消</a>
            </div>
        </div>
        <div class="score-mask"></div>
    </div>
    
    <div class="tel-hold c-hide">
    	<div class="score-pop">
    		<div class="sp-tit">联系客服</div>
            <div class="sp-con">
                <p>有问题请联系客服：<a href="tel:15555555555" class="c-007cd9">15555555555</a></p>
                <p class="mt10"><a href="javascript:;" class="c-ff425d">后台编辑</a></p>
            </div>
            <div class="sp-btn">
            	<a href="javascript:;" class="sp-sure">确定</a>
            </div>
        </div>
        <div class="score-mask"></div>
    </div>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/base.js"></script>
<script type="text/javascript" src="../js/marquee.js"></script>
<script type="text/javascript">
$(function(){
	$('.index-notice-con div').marquee();
	
	$('.bet-nav').on('click',function(){
		if($(this).siblings('.nav-child').is(':hidden')){
			$('.nav-child').hide();
			$(this).siblings('.nav-child').show(200);
			$('.nav-mask').fadeIn(200);	
		}else{
			$(this).siblings('.nav-child').hide(200);
			$('.nav-mask').fadeOut(200);
		}
	});
	$('.nav-mask').on('click',function(){
		$('.nav-child').hide(200);
		$('.nav-mask').fadeOut(200);
	});
	$('.nav-mask').on('touchmove',function(e){
		e.preventDefault()
	});
	
	//上分
	$('.score-up').on('click',function(){
		$('.nav-child').hide();
		$('.nav-mask').hide();
		$('.score-hold').show();
		$('.s-up').show();
	});
	//下分
	$('.score-down').on('click',function(){
		$('.nav-child').hide();
		$('.nav-mask').hide();
		$('.score-hold').show();
		$('.s-down').show();
	});
	//取消
	$('.sp-cancel').on('click',function(){
		$('.score-hold').hide();
		$('.score-pop').hide();
	});
	
	//客服
	$('.score-tel').on('click',function(){
		$('.nav-child').hide();
		$('.nav-mask').hide();
		$('.tel-hold').show();
	});
	$('.tel-hold .sp-sure').on('click',function(){
		$('.tel-hold').hide();
	});
});

//单选
$('.c-main').on('click','.sp-radio',function(){
	$(this).addClass('checked').find(':radio').attr('checked',true);
	$(this).siblings().removeClass('checked').find(':radio').attr('checked',false);
});

// 解决苹果不回弹页面
var u = navigator.userAgent, app = navigator.appVersion
var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
$(document).ready(function(){
	$("input").blur(function(){
		if (isIOS) {
			blurAdjust();
		}
	});
});
function blurAdjust(e){
	setTimeout(function(){
		if(document.activeElement.tagName == 'INPUT' || document.activeElement.tagName == 'TEXTAREA'){
			return
		}
		var result = 'pc';
		if(/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { //判断iPhone|iPad|iPod|iOS
			result = 'ios'
		}else if(/(Android)/i.test(navigator.userAgent)) {  //判断Android
			result = 'android'
		}
		if( result = 'ios' ){
			document.activeElement.scrollIntoViewIfNeeded(true);
		}
	},100)
}
</script>
</body>
</html>